@include iClass(flex) {
    display: flex;
}

@include iClass(flex-wrap) {
    flex-wrap: wrap;
}

@include iClass(flex-column) {
    flex-direction: column;
}

@include iClass(block) {
    display: block;
}

@include iClass(inline) {
    display: inline;
}

@include iClass(inline-block) {
    display: inline-block;
}

@each $item in start, end, center, space-around, space-between {
    @if $item == start {
        @include iClass(justify-#{$item}) {
            justify-content: flex-start;
        }
    } @else if $item == end {
        @include iClass(justify-#{$item}) {
            justify-content: flex-end;
        }
    } @else {
        @include iClass(justify-#{$item}) {
            justify-content: $item;
        }
    }
}

@each $item in top flex-start, middle center, bottom flex-end {
    @include iClass(align-#{nth($item, 1)}) {
        align-items: nth($item, 2);
    }
}
